<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文化云</title>
    <link href="WebUI/css/base.css" rel="stylesheet" />
    <link href="WebUI/css/Public.css" rel="stylesheet" />
    <link href="WebUI/css/index.css" rel="stylesheet" />
    <link href="WebUI/css/organization.css" rel="stylesheet"/>
    <link href="WebUI/font/iconfont.css" rel="stylesheet" />
</head>
<body>
<div class="head">
    <div class="top-main">
        <ul class="fright">
            <li><a href="login.html">登录</a><em></em></li>
            <li><a href="register.html">注册</a><em></em></li>
            <li class="mm">
                <a href="javascript://"><i class="icon iconfont phone">&#xe604;</i><b>手机版</b></a><em></em>
            </li>
            <li class="ms">
                <a href="javascript://">
                    <i class="icon iconfont list">&#xe602;</i>
                    <b>导航</b>
                    <i class="icon iconfont xiala">&#xe60a;</i>
                </a>
                <div class="xialaBox">
                    <div class="fleft xl">
                        <h5>文化分类</h5>
                        <div class="nav-list">
                            <p><a href="javascript:void(0);">亲子活动</a></p>
                            <p><a href="javascript:void(0);">公益活动</a></p>
                            <p><a href="javascript:void(0);">展览展会</a></p>
                            <p><a href="javascript:void(0);">名家讲坛</a></p>
                            <p><a href="javascript:void(0);">技术研讨</a></p>
                            <p><a href="javascript:void(0);">全名可普</a></p>
                        </div>
                    </div>
                    <div class="fleft xr">
                        <h6><a href="javascript:void(0);">活动讲座</a></h6>
                        <h6><a href="javascript:void(0);">文化资源</a></h6>
                        <h6><a href="javascript:void(0);">场馆预约</a></h6>
                        <h6><a href="javascript:void(0);">机构广场</a></h6>
                    </div>
                </div>
            </li>
        </ul>
        <span>HI，欢迎访问智慧文化云</span>
    </div>
</div>
<div class="head-min">
    <div class="search—right">
        <div class="searchArea">
            <div class="search">
                <input type="text" placeholder="请输入您要检索的词" />
            </div>
            <a href="javascript:void(0);" class="button">检索</a>
        </div>
        <p>
            <a href="javascript:void(0);">创新</a>
            <a href="javascript:void(0);">创业</a>
            <a href="javascript:void(0);">开心芝麻</a>
            <a href="javascript:void(0);">文化传播</a>
        </p>
    </div>
    <a href="javascript://" class="logos"><img src="WebUI/images/logo.png" alt="" /></a>
    <div class="logo_select">
        <span>铜陵文化云<i class="icon iconfont xiala">&#xe60a;</i></span>
        <ul>
            <li>铜陵文化云</li>
            <li class="e">蓝图文化云</li>
            <li>北图文化云</li>
        </ul>
    </div>
    <div class="fclear"></div>
</div>
<div class="content">
    <div class="organi-left fleft">
        <div class="organi-title">机构认证</div>
        <div class="join-process">
            <p class="col-fc7e35">已有35家机构，315个场馆，300000读者加入</p>
            <img src="WebUI/images/join-process.png" alt=""/>
            <a href="" class="bg-fc7e35">立即加入</a>
        </div>
        <div class="organi-title">机构广场</div>
        <div class="m-top-16">
            <div class="search-btn fright bg-fc7e35">搜索</div>
            <div class="input-seclect fright">
                <input type="text" />
            </div>
            <div class="area-seclect fright">
                <span>地区<i class="icon iconfont xiala">&#xe60a;</i></span>
                <ul style="display: block;">
                    <li>绍兴</li>
                    <li class="e">杭州</li>
                    <li>广西</li>
                    <li>桂林</li>
                    <li>上海</li>
                </ul>
            </div>

            <div class="lib-seclect fright">
                <span>品牌场馆<i class="icon iconfont xiala">&#xe60a;</i></span>
                <ul style="display: block;">
                    <li>绍兴图书馆</li>
                    <li class="e">杭州图书馆</li>
                    <li>广西图书馆</li>
                    <li>桂林图书馆</li>
                    <li>上海图书馆</li>
                    <li>福建图书馆</li>
                </ul>
            </div>
        </div>
        <div class="fclear"></div>
        <div class="m-top-16 bor-e6e6e6 lib-list">
            <div class="lib-list-left fleft ">
                <a href="javascript:void (0);" title="绍兴图书馆">
                    <img src="WebUI/images/school_01.png" alt="绍兴图书馆"/>
                </a>
                <a class="attention bg-fc7e35" href="">关注</a>
            </div>
            <div class="lib-list-right fright">
                <div class="lib-list-title">
                    <span><a href="javascript://">绍兴图书馆</a></span>
                    <span>场地：12个  近期活动：32场</span>
                </div>
                <p>绍兴图书馆系国家一级图书馆，全国古籍重点保护单位，其前身可追溯到绍兴乡贤徐树兰先生于1902年创建的古越藏书楼。藏书楼以存古开新为宗旨，变一人书为万人书，开创了国内公共图书馆先河。</p>
                <div class="carousel-survey1" style="display: block;">
                    <ul class="indicators">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul class="lib-room">
                        <li>
                            <img src="WebUI/images/radiate_room.png" alt="放映厅"/>
                            <span>放映厅</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/activity_room.png" alt="活动场馆"/>
                            <span>活动场馆</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/perform_room.png" alt="表演舞台"/>
                            <span>表演舞台</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/meeting_room.png" alt="大型会议室"/>
                            <span>大型会议室</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="fclear"></div>
        </div>
        <div class="m-top-16 bor-e6e6e6 lib-list">
            <div class="lib-list-left fleft ">
                <a href="javascript:void (0);" title="杭州图书馆">
                    <img src="WebUI/images/school_02.png" alt="杭州图书馆"/>
                </a>
                <a class="attention bg-fc7e35" href="">关注</a>
            </div>
            <div class="lib-list-right fright">
                <div class="lib-list-title">
                    <span><a href="javascript://">杭州图书馆</a></span>
                    <span>场地：12个  近期活动：32场</span>
                </div>
                <p>绍兴图书馆系国家一级图书馆，全国古籍重点保护单位，其前身可追溯到绍兴乡贤徐树兰先生于1902年创建的古越藏书楼。藏书楼以存古开新为宗旨，变一人书为万人书，开创了国内公共图书馆先河。</p>
                <div class="carousel-survey" id="carousel-survey" style="display: none">
                    <ul class="indicators">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul class="lib-room">
                        <li>
                            <img src="WebUI/images/radiate_room.png" alt="放映厅"/>
                            <span>放映厅</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/activity_room.png" alt="活动场馆"/>
                            <span>活动场馆</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/perform_room.png" alt="表演舞台"/>
                            <span>表演舞台</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/meeting_room.png" alt="大型会议室"/>
                            <span>大型会议室</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="fclear"></div>
        </div>
        <div class="click-xiala" id="click-xiala"><i class="icon iconfont xiala">&#xe60a;</i></div>
        <div class="m-top-16 bor-e6e6e6 lib-list">
            <div class="lib-list-left fleft ">
                <a href="javascript:void (0);" title="广东图书馆">
                    <img src="WebUI/images/school_03.png" alt="广东图书馆"/>
                </a>
                <a class="attention bg-fc7e35" href="">关注</a>
            </div>
            <div class="lib-list-right fright">
                <div class="lib-list-title">
                    <span><a href="javascript://">广东图书馆</a></span>
                    <span>场地：12个  近期活动：32场</span>
                </div>
                <p>广州图书馆是由广州市政府设立、为所有公众服务的公益性公共文化与社会教育机构，以纸质文献、音像制品、数字资源等各类知识信息记录的收集、整理和存储为基础，提供资源借阅与传递、信息咨询、展览讲座、艺术鉴赏、文化展示和数字化网络服务及公众学习、研究、交流空间，开展社会阅读推广活动。</p>
                <div class="carousel-survey" id="carousel-survey1" style="display: none">
                    <ul class="indicators">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul class="lib-room">
                        <li>
                            <img src="WebUI/images/radiate_room.png" alt="放映厅"/>
                            <span>放映厅</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/activity_room.png" alt="活动场馆"/>
                            <span>活动场馆</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/perform_room.png" alt="表演舞台"/>
                            <span>表演舞台</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/meeting_room.png" alt="大型会议室"/>
                            <span>大型会议室</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="fclear"></div>
        </div>
        <div class="click-xiala" id="click-xiala1"><i class="icon iconfont xiala">&#xe60a;</i></div>
        <div class="m-top-16 bor-e6e6e6 lib-list">
            <div class="lib-list-left fleft ">
                <a href="javascript:void (0);" title="桂林图书馆">
                    <img src="WebUI/images/school_04.png" alt="桂林图书馆"/>
                </a>
                <a class="attention bg-fc7e35" href="">关注</a>
            </div>
            <div class="lib-list-right fright">
                <div class="lib-list-title">
                    <span><a href="javascript://">桂林图书馆</a></span>
                    <span>场地：12个  近期活动：32场</span>
                </div>
                <p>绍兴图书馆系国家一级图书馆，全国古籍重点保护单位，其前身可追溯到绍兴乡贤徐树兰先生于1902年创建的古越藏书楼。藏书楼以存古开新为宗旨，变一人书为万人书，开创了国内公共图书馆先河。</p>
                <div class="carousel-survey" id="carousel-survey2" style="display: none">
                    <ul class="indicators">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul class="lib-room">
                        <li>
                            <img src="WebUI/images/radiate_room.png" alt="放映厅"/>
                            <span>放映厅</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/activity_room.png" alt="活动场馆"/>
                            <span>活动场馆</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/perform_room.png" alt="表演舞台"/>
                            <span>表演舞台</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/meeting_room.png" alt="大型会议室"/>
                            <span>大型会议室</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="fclear"></div>
        </div>
        <div class="click-xiala" id="click-xiala2"><i class="icon iconfont xiala">&#xe60a;</i></div>
        <div class="m-top-16 bor-e6e6e6 lib-list">
            <div class="lib-list-left fleft ">
                <a href="javascript:void (0);" title="福建图书馆">
                    <img src="WebUI/images/school_01.png" alt="福建图书馆"/>
                </a>
                <a class="attention bg-fc7e35" href="">关注</a>
            </div>
            <div class="lib-list-right fright">
                <div class="lib-list-title">
                    <span><a href="javascript://">福建图书馆</a></span>
                    <span>场地：12个  近期活动：32场</span>
                </div>
                <p>福建中医药大学原名福建中医学院，创建于1958年，是我国创办较早的高等中医药院校之一，是福建省重点建设高校，2010年3月经教育部批准更名为福建中医药大学。 在新的发展阶段，学校以科学发展观为指导，秉承“大医精诚，止于至善”的校训精神，进一步更新观念，开拓进取，努力把学校建设成为一所以中医药为主体，多学科协调发展，服务海峡西岸经济区，具有鲜明办学特色的教学研究型中医药大学。</p>
                <div class="carousel-survey" id="carousel-survey3" style="display: none">
                    <ul class="indicators">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <ul class="lib-room">
                        <li>
                            <img src="WebUI/images/radiate_room.png" alt="放映厅"/>
                            <span>放映厅</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/activity_room.png" alt="活动场馆"/>
                            <span>活动场馆</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/perform_room.png" alt="表演舞台"/>
                            <span>表演舞台</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                        <li>
                            <img src="WebUI/images/meeting_room.png" alt="大型会议室"/>
                            <span>大型会议室</span>
                            <p>面    积：400㎡</p>
                            <p>坐席数：345位</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="fclear"></div>
        </div>
        <div class="click-xiala" id="click-xiala3"><i class="icon iconfont xiala">&#xe60a;</i></div>
    </div>
    <div class="organi-right fright">
        <div class="news oranges bord">
            <div class="org-tit">
                <a href="javascript://" class="mores">更多》</a>
                <h2>最新消息</h2>
            </div>
            <ul class="new-list">
                <li><a href="javascript://">绍兴图书馆成功举办l以 “绍兴文化”主题完美...</a></li>
                <li><a href="javascript://">“七彩夏日”少儿阅读活动走进市少年宫“七彩夏日”少儿阅读活动走进市少年宫</a></li>
                <li><a href="javascript://">功举办l以 “绍兴文化”主题完美少儿阅读活动走进市少</a></li>
                <li><a href="javascript://">以 “绍兴文化”主题完美.少儿阅读活动走进市少年宫</a></li>
                <li><a href="javascript://">办l以 “绍兴文化”主题完美少儿阅读活动</a></li>
                <li><a href="javascript://">成功举办l以 “绍兴文化”主题完美少儿阅读活动走</a></li>
                <li><a href="javascript://">少儿阅读活动走进市少年宫书馆成功举办l以 “绍兴文化”主题完美少儿阅读活动走进</a></li>
            </ul>
        </div>
        <div class="organi-box">
            <span class="bg-ffcd30"><p class="fleft">热门机构</p></span>
            <ul>
                <li>
                    <a class="fleft" href="javascript:void (0);" title="广东图书馆"><img src="WebUI/images/gd_library.png" alt="广东图书馆"/> </a>
                    <div class="pro-intro fleft">
                        <span><a href="javascript://">广东图书馆</a></span>
                        <p>场馆：8个  访问量：5134次</p>
                    </div>
                </li>
                <div class="fclear"></div>
                <li>
                    <a class="fleft" href="javascript:void (0);"title="绍兴图书馆"><img src="WebUI/images/sx_library.png" alt="绍兴图书馆"/> </a>
                    <div class="pro-intro fleft">
                        <span><a href="javascript://">绍兴图书馆</a></span>
                        <p>场馆：8个  访问量：3134次</p>
                    </div>
                </li>
                <div class="fclear"></div>
                <li>
                    <a class="fleft" href="javascript:void (0);" title="桂林图书馆"><img src="WebUI/images/gl_library.png" alt="桂林图书馆"/> </a>
                    <div class="pro-intro fleft">
                        <span><a href="javascript://">绍兴图书馆</a></span>
                        <p>场馆：8个  访问量：984次</p>
                    </div>

                </li>
            </ul>
        </div>
        <div class="organi-box">
            <span class="bg-00a5ed"><p class="fleft">推荐机构</p></span>
            <ul>
                <li>
                    <a class="fleft" href="javascript:void (0);" title="广东图书馆"><img src="WebUI/images/gd_library.png" alt="广东图书馆"/> </a>
                    <div class="pro-intro fleft">
                        <span><a href="javascript://">广东图书馆</a></span>
                        <p>场馆：8个  访问量：5134次</p>
                    </div>
                </li>
                <div class="fclear"></div>
                <li>
                    <a class="fleft" href="javascript:void (0);"title="绍兴图书馆"><img src="WebUI/images/sx_library.png" alt="绍兴图书馆"/> </a>
                    <div class="pro-intro fleft">
                        <span><a href="javascript://">绍兴图书馆</a></span>
                        <p>场馆：8个  访问量：3134次</p>
                    </div>
                </li>
                <div class="fclear"></div>
                <li>
                    <a class="fleft" href="javascript:void (0);" title="桂林图书馆"><img src="WebUI/images/gl_library.png" alt="桂林图书馆"/> </a>
                    <div class="pro-intro fleft">
                        <span><a href="javascript://">绍兴图书馆</a></span>
                        <p>场馆：8个  访问量：984次</p>
                    </div>

                </li>
            </ul>
        </div>
    </div>
</div>
<div class="fclear"></div>
<div class="foot">
    <div class="foot-main">
        <p>
            <a href="javascript:void(0);">平台介绍</a>|
            <a href="javascript:void(0);">意见建议</a>|
            <a href="javascript:void(0);">网站地图</a>|
            <a href="javascript:void(0);">友情链接</a>|
            <a href="javascript:void(0);">联系方式</a>
        </p>
        <div>版权所有 智慧文化云 Copyright2003-2016 All Rights Reserved 沪ICP备1143884号 沪公网安备11010234000430号 上海上业信息科技有限公司</div>
    </div>
</div>
<!--js引用-->
<script src="WebUI/js/jquery-1.9.1.min.js"></script>
<script src="WebUI/js/animate.js"></script>
<script>
    $(function () {
        //头部导航下拉框
        selectModel(".head li.ms","mr current","curleft",".mm")
        //logo 下拉
        logoSelect()
        //菜单筋斗云
        switchs(".jindouyun");

        /*热门推荐移上去效果*/
        shink(".movielist li");
        shink(".brand_left-height dl","dd","84");
        //热门.新鲜切换效果
        qiehuan(".switchs","li","e",".rink_div");
    });

    //展开
    $(function(){
        $("#click-xiala").click(function(){
            //$(".carousel-survey").slideToggle();
            $(this).parent().parent().find('#carousel-survey').slideToggle();
        });
        $("#click-xiala1").click(function(){
            $(this).parent().parent().find('#carousel-survey1').slideToggle();
        });
        $("#click-xiala2").click(function(){
            $(this).parent().parent().find('#carousel-survey2').slideToggle();
        });
        $("#click-xiala3").click(function(){
            $(this).parent().parent().find('#carousel-survey3').slideToggle();
        });
    });
</script>
</body>
</html>